<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="maximum-scale=3, minimum-scale=1, initial-scale=1, width=device-width, user-scalable=no">
		<title></title>
		<meta name="description" content="">
		<link rel="stylesheet" href="../../css/base.css" />
		<link rel="stylesheet" href="../../css/result.css" />
		<script type="text/javascript" src="../../js/base.js"></script>
		<script type="text/javascript" src="../../js/jquery-3.3.1.js" ></script>
		<script type="text/javascript" src="../../js/vue.js" ></script>
		<script type="text/javascript" src="../../js/swiper.min.js"></script>
		<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
	</head>
	<body>
		<div class="vue">
			<div class="result flex-center">
				<img src="../../img/purse.png" />
				<p>支付成功</p>
			</div>
			<div class="flex-center mch">
				<p class="mch-name">{{mchInfo.mchName}}</p>
				<p class="flex-center mch-money"><a style="font-size: 5.7vw;">￥</a>{{payInfo.currentPrice}}</p>
				<!--<div class="flex-center mch-balance">
					<p>会员储值余额：</p><p class="balance">{{payInfo.balance}}元</p>
				</div>-->
			</div>
			<div class="lunbo swiper-container imgs">
				<ul class="swiper-wrapper">
					<li class="swiper-slide" v-for="item in imgs"><img :src="item.imgUrl"/></li>
				</ul>
			</div>
			<div class="accomplish flex-center" @click="close()">完 成</div>
		</div>	
	</body>
	<script>
		var vue=new Vue({ 
			el:".vue",
			data:{
				mchInfo:null,
				payInfo:null,
				imgs:[]
			},
			mounted:function(){
			 	this.mchInfo=JSON.parse(localStorage.mchInfo);
			 	this.payInfo=JSON.parse(localStorage.payInfo);
			 	
			 	// 获取广告列表
//		    	$.ajax({
//					type:"post",
//					url:url+"get_ads",
//					data:{
//			    		token:this.mchInfo.token,
//			    		mchId:this.mchInfo.mchId
//					},
//					success:function(e){
//						console.log(e)
//						if(e.code=="0000"){
//							vue.imgs=e.result;
//						} else {
//							hint(e.msg);
//						}
//					},
//					error:function(e){
//		    			hint(e.msg);
//		    		},
//		    		complete:function(e){}
//				});
			},
			methods: {
			    close(){
			    	var url="/pages/index/navigationbar/navigationbar?iconPageThat=order&orderNo="+localStorage.orderNo;
					closePay(url,{
						iconPageThat:"order",
						orderNo:localStorage.orderNo
					});
			    }
			}
		});
		
		var mySwiper = new Swiper(".swiper-container", {
			autoplay: {
				delay: 3000 // 停留时间
			},
			loop: true, 
			direction: "horizontal", //轮播方向 horizontal水平滑动、vertical垂直滑动
			speed: 500, //动画播放时间  效果切换时间，利用transition-timing-function或transition-delay改变Swiper的切换时间曲线
			silde: "silde", //切换效果 silde默认位移、fade淡入、cube方块、coverflow3d流、flip3d翻转
		});
	</script> 
</html>
